<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>图片边框</title>
		<style>
			.box{
				width: 200px;
				height: 160px;
				margin-left: 100px;
				/*border: 50px solid tan;*/
				border-width: 50px;
				border-style: solid;
				border-image:  url(../img/zzy.png) 40 repeat;/*图片边框设置   ,数字含义是从图片的四个角上切多少放上去*/
				
			}
			.box1{
				width: 500px;
				height: 150px;
				margin-left: 100px;
				border:30px solid #000000;
				border-image: url(../img/头部图片.jpg) 30 round;
				border-radius: 100%;
			}
			
		</style>
	</head>
	<body>
		<div class="box"></div>
		<div class="box1"></div>
		
	</body>
</html>
